<template>
  <div class="component-one">
    <div>组件一：{{ piniaVal }}</div>
  </div>
</template>

<script lang="ts" setup>
import { useVueComponent } from "@/store/vueComponentCommunication";
import { storeToRefs } from "pinia";
const store = useVueComponent();
const { piniaVal } = storeToRefs(store);
</script>
<style scoped lang="scss">
.component-one {
  padding: 4px 0;
  background-color: burlywood;
  margin-bottom: 8px;
}
</style>
